<!--
写文章-->
<div style="width: 95%;margin: 20px">
    <form class="layui-form layui-form-pane1" ng-controller="articleWriteController" ng-submit="submit()">
        <div class="layui-form-item">
            <label class="layui-form-label">标题</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="required|title" required placeholder="请输入标题"
                       ng-model="article.blogHead" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
          <textarea name="blogBody" id="blogBody" class="layui-hide">
                <p><span>一个范围具有两个边界点，即一个开始点和一个结束点。每个边界点由一个节点和那个节点的偏移量指定。该节点通常是&nbsp;</span><a
                        href="http://www.w3school.com.cn/xmldom/dom_element.asp"
                        title="XML DOM - Element 对象">Element 节点</a><span>、</span><a
                        href="http://www.w3school.com.cn/xmldom/dom_document.asp"
                        title="XML DOM - Document 对象">Document 节点</a><span>或&nbsp;</span><a
                        href="http://www.w3school.com.cn/xmldom/dom_text.asp"
                        title="XML DOM - Text 对象">Text 节点</a><span>。对于 Element 节点和 Document 节点，偏移量指该节点的子节点。偏移量为 0，说明边界点位于该节点的第一个子节点之前。偏移量为 1，说明边界点位于该节点的第一个子节点之后，第二个子节点之前。但如果边界节点是 Text 节点，偏移量则指的是文本中两个字符之间的位置。</span></p>
          </textarea>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">分类</label>
            <div class="layui-input-inline">
                <select name="interest" lay-filter="aihao" lay-search lay-write ng-model="article.classifyId">
                    <option value=""></option>
                    <option value="0">写作</option>
                    <option value="1">阅读</option>
                    <option value="2">游戏</option>
                    <option value="3">音乐</option>
                    <option value="4">旅行</option>
                    <option value="5">读书</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">公开</label>
            <div class="layui-input-block">
                <input type="checkbox" checked name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">
            </div>
        </div>
        <div class="layui-col-md-offset1">
            <button class="layui-btn layui-btn-radius layui-btn-normal">提交</button>
            <a class="layui-btn layui-btn-radius layui-btn-normal" id="getChoose">获取选中内容</a>
        </div>
    </form>
</div>
